@charset "utf-8";

.mainnav0{ height:auto; overflow:hidden; background:#fff; clear:both; padding:0 0 0.6rem 0;}
.mainnav0 a{ width:25%; height:auto; overflow:hidden; float:left; display:inline-block;  overflow:hidden; text-align:center; margin-top:0.7rem;}
.mainnav0 a i{height:2rem; line-height: 1.8rem; font-size:1.8rem; overflow:hidden; color:#2397e9; text-align:center; display:inline-block; }
.mainnav0 a em{ display:block; font-size:0.65rem; color:#666; text-align:center;}
.mainnav0 a.red i{color: #ff3334;}
.mainnav0 a.red em{color: #ff3334;}

.mainnav{width:100%; height:auto; overflow:hidden; background:#fff; }
.mainnav a{ width:33.5%; height:auto; overflow:hidden; float:left; display:inline-block; text-align:center; margin-top:0.7rem; border-top:1px #eee solid; border-left:1px #eee solid; margin:-1px 0 0 -1px; padding:0.6rem 0;}
.mainnav a i{font-size: 1.3rem;}
.mainnav a em{ display:block; font-size:0.65rem; color:#666; text-align:center;}
.mainnav i.ma0 {color:#ff7361;}
.mainnav i.ma1 {color:#7687f1;}
.mainnav i.ma2 {color:#f6ba5a;}
.mainnav i.ma3 {color:#65cced;}
.mainnav i.ma4 {color:#fe8920;}
.mainnav i.ma5 {color:#44d26c;}
.mainnav a.kong i{color: #fff}
.mainnav a.kong em{color: #fff}

.adpic{}
.adpic zimg{width:100%; display: block;}

.banner{width:100%; height:auto; overflow:hidden;}
.banner img{width:100%; display:block;}

.index .list-block{margin: 0;}
.index .list-block .item-inner{border: 0; min-height: 2.5rem; font-size: 0.7rem; line-height: 1.3rem; display: block; text-align: left;}
.index .list-block .item-content{border-bottom: 1px #eeeeee solid;}
.index .list-block .item-inner:after{display: none;}
.index .list-block .item-after{font-size: 0.65rem; color: #999;}

.index .index_list .item-media img{width:4.5rem; height:4.5rem;}
.index .list-block .item-title-row{}
.index .list-block .item-title{color: #999;}
.index .list-block .item-title span{color: #333;}
.index .list-block .item-after {text-align: right; float: right;}
.index .list-block .item-after span.in{color: #43d16d;}
.index .list-block .item-after span.end{color: #999;}
.index .list-block .item-subtitle{font-size:0.7rem; color: #999;}
.index .list-block .item-subtitle i{color:#f00;}

.notice{width:100%;  height:1.7rem;  line-height:1.7rem;overflow:hidden; background:#fff; text-align:left; padding:0 0.5rem; }
.notice .notice_t{ width:3.5rem; height:1.7rem; line-height: 1.7rem; }
.notice .notice_t strong{ font-size: 0.7rem; color: #339900;}
.notice .notice_t span{color:#dddddd; font-size:0.6rem; margin-left:0.2rem;}
.notice ul{ margin-left:15%;}
.notice li{ height:1.7rem; line-height:1.7rem; text-align:left; }
.notice p{ font-size:0.7rem; color:#999; }
.notice .swiper-container{height:1.7rem; line-height:1.7rem; overflow:hidden;}
.notice .swiper-slide{ height:1.7rem; line-height:1.7rem; overflow:hidden; text-indent:0.5rem;}
.notice a{ color:#666; font-size: 0.7rem;}

.mainbox{background:#fff; height:auto; overflow:hidden; }
.s_kill{background:#fff; height:auto; overflow:hidden; padding:0.3rem 0 0.5rem 0;}
.s_kill .kill_t{ padding:0 0.5rem; line-height:1.5rem;}
.s_kill .kill_t strong{ font-size:0.8rem; color:#01a331; font-weight:normal;}
.s_kill .kill_t span{ font-size:0.7rem; color:#ff3333; margin-left:1rem;}
.s_kill .kill_c{width:100%; height:auto; overflow:hidden;}
.s_kill .kill_c a{width:33.3%; float:left; display:block; border-right:1px #eeeeee solid; position:relative; height:auto; overflow:hidden; padding:0 0.5rem; text-align:center;}
.s_kill .kill_c a em{ display:block; width:1.2rem; height:1.2rem; line-height:1.2rem; background:#ff3333; text-align:center; font-size:0.7rem; color:#fff; position:absolute; right:0.3rem; top:0.3rem;}
.s_kill .kill_c a img{width:100%;}
.s_kill .kill_c a h3{ font-size:0.7rem; color:#333; font-weight:normal;}
.s_kill .kill_c a p{ font-size:0.6rem; color:#bbb;}
.s_kill .kill_c a p i{ color:#ff3333; font-size:0.7rem;}

.s_new{width:63%; height:auto; overflow:hidden;float:right; border-left:1px #dddddd solid;}
.s_new  a{float:left; display:block;  height:auto; overflow:hidden; text-align:center;}
.s_new  a img{width:100%; display: block;}
.s_new  a.img0{border-bottom: 1px #dddddd solid;}
.s_new  a.img1{width:50%; border-right: 1px #dddddd solid;}
.s_new  a.img2{width:49%; }

.s_pic img{width:100%; display: block;}

.mainbox1{}
.mainbox1 .card-header{position: relative; padding: 0;}
.mainbox1 .card-header h3{position: absolute; left:0.5rem; top:30%; font-size: 0.9rem; color: #fff; text-align: left;}
.mainbox1 .card-header h3 span{font-size: 0.65rem; font-weight: normal;}
.mainbox1 .card-header img{width:100%; display: block;}

.mainbox1 .card_list{width:100%; height:auto; overflow:hidden; padding: 0.5rem 0;}
.mainbox1 .card_list li{width:33.3%; float:left; display:block; border-right:1px #eeeeee solid; position:relative; height:auto; overflow:hidden; padding:0 0.5rem; margin:0 0 0.5rem 0; text-align:left; position:relative;}
.mainbox1 .card_list img{width:100%; height: 4rem; display: block;}
.mainbox1 .card_list h3{ height:0.8rem; overflow:hidden; font-size:0.65rem; color:#333; font-weight:normal; text-align:left;}
.mainbox1 .card_list p{ font-size:0.6rem; color:#bbb; text-align:left;}
.mainbox1 .card_list span{ font-size:0.6rem; display: block; height: 1rem; overflow:hidden; white-space: nowrap; text-overflow: ellipsis; color:#bbb; text-align:left;}
.mainbox1 .card_list p em{ color:#ff3333; font-size:0.7rem; margin-right:0.2rem; }
.mainbox1 .card_list p i{ font-size:0.6rem; text-decoration:line-through;}
.mainbox1 .card_list a.abtn{ position:absolute; right:0.5rem; bottom:0rem;}
.mainbox1 .card_list a.abtn{width:1.4rem; height:1.4rem; line-height:1.4rem; overflow:hidden; background:#ff3333; color:#fff; font-size:0.8rem; text-align:center; -moz-border-radius:50%; -webkit-border-radius:50%;  border-radius:50%; }

/* buy */
.buy{background: #fff;padding:2.4rem 0 4rem 0; margin-bottom: 2.4rem;}
.timebar{width:100%; height:2.5rem; background: #31343D; position: fixed; top:2.1rem; z-index: 1000;}
.timebar li{width:20%; height:2.8rem; overflow:hidden; float: left; display: inline; color: #999; padding-top: 0.2rem;}
.timebar li strong{font-size: 0.75rem; font-weight: normal;}
.timebar li p{ font-size: 0.65rem; margin-top: -0.2rem;}
.timebar li.current{background: url(../images/timebarbg.png) no-repeat center top; background-size:auto 2.8rem; color: #fff;}
.timebar li.current strong{font-size: 0.85rem;}
.buylist{ height:100%; padding:0 0 3rem 0.5rem; background: #fff;}
.buylist li{ height:auto; overflow:hidden; padding:0.5rem 0; border-bottom:1px #f3f3f3 solid; position:relative;}
.buylist li a{ display:block;}
.buylist li img{width:4.5rem; float:left; display:block;}
.buylist li .tit{height:auto; overflow:hidden; text-align:left; padding:0 0.3rem; }
.buylist li .tit h3{width:100%; height:1rem;  overflow:hidden; font-size:0.7rem; color:#333; font-weight:normal; white-space:normal; text-overflow:ellipsis; }
.buylist li .tit p{color:#999;}
.buylist li .tit span{font-size:0.6rem; color:#aaa;}
.buylist li .tit span i{ color:#999; font-size:0.8rem; margin-left:0.3rem;}
.buylist li .tit span i.curr{ color:#ff3333;}
.buylist li .tit p em{ float: left; display: inline; color:#ff3333; font-weight: bold; font-size:0.8rem;}
.buylist li .tit p i{ color:#aaa; font-size:0.6rem; margin-left:0.3rem; text-decoration: line-through;}
.buylist li .rbtn { position:absolute; right:0.5rem; bottom:0.5rem;}
.buylist li .rbtn span{color: #ff3333; font-size: 0.7rem; }
.buylist li .rbtn .button.button-fill{width:3.8rem; font-size: 0.75rem; margin-top: 0.2rem;}

/* rooms */
.rooms{background: #fff; margin-bottom:2.4rem;}
.roomslist{ height:100%; padding:0 0 3rem 0.5rem; }
.roomslist li{ height:auto; overflow:hidden; padding:0.5rem 0; border-bottom:1px #f3f3f3 solid; position:relative;}
.roomslist li a{ display:block;}
.roomslist li img{width:5rem; float:left; display:block;}
.roomslist li .tit{height:auto; overflow:hidden; text-align:left; padding:0 0.3rem; }
.roomslist li .tit h3{width:100%; height:1rem;  overflow:hidden; font-size:0.7rem; color:#333; font-weight:normal; white-space:normal; text-overflow:ellipsis; }
.roomslist li .tit p{color:#999;}
.roomslist li .tit span{font-size:0.6rem; color:#aaa;}
.roomslist li .tit span i{ color:#999; font-size:0.8rem; margin-left:0.3rem;}
.roomslist li .tit span i.curr{ color:#ff3333;}
.roomslist li .tit p em{ float: left; display: inline; color:#ff3333; font-size:0.8rem;}
.roomslist li .tit p i{ color:#aaa; font-size:0.6rem; margin-left:0.3rem; text-decoration: line-through;}
.roomslist li .rbtn { position:absolute; right:0.5rem; bottom:0.8rem;}
.roomslist li .rbtn .button.button-fill{font-size: 0.7rem; }


/* shop */
.shop{position: absolute; top:2.2rem; right: 0; bottom: 0; left: 0; overflow: auto; -webkit-overflow-scrolling: touch;}
.leftbar{width:4rem; height:100%; overflow:hidden; background:#f0eff4; position:absolute; z-index:10;}
.rightbar{ height:100%; overflow:hidden; background:#fff; padding-left:4rem;}
.leftbar ul{ height:100%; padding:0px 0px 4.7rem 0;}
.leftbar h3{ font-size:0.7rem; text-align:left; height:2.2rem; border-bottom:1px #dddddd solid;}
.leftbar h3 a{width:4rem; height:2.2rem; line-height:2.2rem; overflow:hidden; display:block; text-align:left; padding-left:0.5rem; color:#555; font-weight:normal;}
.leftbar h3.active a{ color:#fff; }
.leftbar li{ text-align:left; height:2.2rem; border-bottom:1px #dddddd solid;}
.leftbar li a{width:4rem; height:2.2rem; line-height:2.2rem; overflow:hidden; display:block; font-size:0.7rem; text-align:left; position:relative; padding-left:0.5rem; color:#555;}
.leftbar li.active{ background:#83c9f5; }
.leftbar li.active a{ color:#fff; }

.centerbar{width:4rem; height:100%; overflow:hidden;  background:rgba(250, 250, 250, 0.9) none repeat scroll 0 0;  position:absolute; z-index:2; left:0; box-sizing: border-box; border-right:1px #f3f3f3 solid;
    -webkit-overflow-scrolling: touch;
    transition-property:transform;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms; }
.centerbar.active{
    -webkit-transform: translate3d(4rem, 0, 0);
    transform: translate3d(4rem, 0, 0);
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;}
.centerbar ul{ height:100%; padding:0px 0px 4.7rem 0;}
.centerbar h3{ font-size:0.7rem; text-align:left; height:2.2rem; border-bottom:1px #fff solid;}
.centerbar h3 a{width:4rem; height:2.2rem; line-height:2.2rem; overflow:hidden; display:block; text-align:left; padding-left:0.5rem; color:#777; font-weight:normal;}
.centerbar h3.active a{ color:#0894ec; }
.centerbar li{ text-align:left; height:1.8rem; border-bottom:1px #f3f3f3 solid;}
.centerbar li a{width:4rem; height:1.8rem; line-height:1.8rem; overflow:hidden; display:block; font-size:0.65rem; text-align:left; position:relative; padding-left:0.5rem; color:#777;}
.centerbar li.active{ background:#fff; }
.centerbar li.active a{ color:#0894ec; }
.shop .mask{background:rgba(0,0,0,0.3); width:100%; height: 100%; display: block; position: absolute; z-index: 1; display: none;}
.shop .mask.active{display: block;}


.rightbar .content{ position:relative;}
.mlist{ height:100%; padding:0 0 3rem 0.5rem;}
.mlist dt{width:100%; height:1.5rem; line-height:1.3rem; overflow:hidden; background:#f3f3f3;-moz-border-radius:1rem; -webkit-border-radius:1rem;  border-radius:1rem; text-align:left; text-indent:1rem; margin-top:0.5rem;}
.mlist dt strong{ font-size:0.7rem; color:#666; font-weight:normal;}
.mlist dt i{ font-size:0.6rem; color:#ccc; margin:0 0.3rem;}
.mlist dt span{ font-size:0.6rem; color:#999;}
.mlist dt.curr strong{ color:#0894ec;}
.mlist dd{ height:auto; overflow:hidden; padding:0.2rem 0; border-bottom:1px #f3f3f3 solid; position:relative;}
.mlist dd a{ display:block;}
.mlist dd img{width:3.5rem; float:left; display:block;}
.mlist dd .tit{height:auto; overflow:hidden; text-align:left; padding:0 0.3rem; }
.mlist dd .tit h3{width:100%; height:1rem;  overflow:hidden; font-size:0.7rem; color:#333; font-weight:normal; white-space:normal; text-overflow:ellipsis; }
.mlist dd .tit p{color:#999;}
.mlist dd .tit span{font-size:0.6rem; color:#aaa;}
.mlist dd .tit span i{ color:#999; font-size:0.8rem; margin-left:0.3rem;}
.mlist dd .tit span i.curr{ color:#ff3333;}
.mlist dd .tit p em{ float: left; display: inline; color:#ff3333; font-size:0.8rem;}
.mlist dd .tit p i{ color:#aaa; font-size:0.6rem; margin-left:0.3rem;}
.mlist dd a.abtn{ position:absolute; right:0.5rem; bottom:0.5rem;}
.mlist dd a.abtn{width:1.4rem; height:1.4rem; line-height:1.4rem; overflow:hidden; background:#ff3333; color:#fff; font-size:0.8rem; -moz-border-radius:50%; -webkit-border-radius:50%;  border-radius:50%; }


.list-container{ background:#fff;}
.list_head{}
.list_head .title{width:50%; position:relative; padding:0.2rem 1rem 0 1rem; margin:0 auto; }
.list_head .title h1{ font-size:1rem; line-height:1rem; font-weight:normal;}
.list_head .title img{ position:absolute; right:0; top:0.8rem; width:0.6rem;}
.list_head .title p{ font-size:0.6rem; margin:0; padding:0; line-height:1rem;}
.list_head .title span{ margin:0 0.2rem;}
.list-sprite {
    position: absolute;
    top:2.2rem;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
}
.list-sprite .list-menu {
    font-size: 0.8rem;
    color: #666;
}
.list-sprite .list-menu:after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    overflow: hidden;
    visibility: hidden;
}
.list-sprite .list-menu > ul, .list-sprite .list-menu > div {
    height:12rem;
}
.list-sprite .list-menu > ul {
    float: left;
    width: 7.25rem;
    margin-right: 0;
    text-align:center;
    border-right: 1px solid #e6e6e6;
    background-color: #f6f6f9;
}
.list-sprite .list-menu > ul > li{ font-size:0.8rem; line-height:2.5rem;}
.list-sprite .list-menu > ul .selected {
    border-right: 1px solid #fff;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    margin-right: -1px;
    background-color: #fff;
    color: #009ff0;
}
.list-sprite .list-menu > div {
    overflow: hidden;
    text-align: left;
    background-color: #fff;
    padding-left: 0.5rem;
}
.list-sprite .list-menu > div ul {
    height: 100%;
    overflow: auto;
}
.list-sprite .list-menu > div ul li {
    border-bottom: 1px solid #e6e6e6;
    height:auto; overflow:hidden;
    font-size:0.7rem;
}
.list-sprite .list-menu > div ul li img {
    width:1rem;
    vertical-align: middle;
    margin-right:0.5rem;
}
.list-sprite .list-menu li {
    line-height: 2rem;
}

/* activity */
.mainnav1{ height:auto; overflow:hidden; clear:both; }
.mainnav1 a{ width:50%; height:3rem; line-height:3rem; overflow:hidden; float:left; display:inline-block;  overflow:hidden; text-align:center;}
.mainnav1 a i{ color:#fff; text-align:center; font-size:1rem; display:inline; vertical-align:middle;}
.mainnav1 a em{ font-size:1rem; color:#fff; text-align:center; margin:0 0.2rem; display:inline;}
.mainnav1 a.ma0{background:#34cc99;}
.mainnav1 a.ma1{background:#e1a4c8;}
.active_list{width:100%; height:auto; overflow:hidden;}
.active_list li{width:100%; height:auto; overflow:hidden; margin:0.3rem 0 0 0;}
.active_list img{width:100%; display:block;}
.active_list1{width:100%; height:auto; overflow:hidden; padding:0 0.2rem; margin-top: 2.2rem}
.active_list1 li{width:48%; float:left; display:block; background:#fff; border:1px #eeeeee solid; height:auto; overflow:hidden; padding:0.3rem 0.5rem; margin:0.3rem 1%; text-align:left; position:relative;}
.active_list1 img{width:100%;}
.active_list1 h3{ height:0.8rem; overflow:hidden; font-size:0.65rem; color:#333; font-weight:normal; text-align:left;}
.active_list1 p{ font-size:0.6rem; color:#ccc; text-align:left;}
.active_list1 span{ display: block; height: 1rem; overflow: hidden; font-size:0.6rem; white-space: nowrap; text-overflow: ellipsis; color:#ccc; padding-top: 0.1rem; text-align:left;}
.active_list1 p em{ color:#ff3333; font-size:0.7rem; margin-right:0.2rem; }
.active_list1 p i{ font-size:0.6rem; text-decoration:line-through;}
.active_list1 p b{ font-size:0.6rem; font-weight:normal;}
.active_list1 a.abtn{ position:absolute; right:0.3rem; bottom:0.3rem;}
.active_list1 a.abtn{width:1.4rem; height:1.4rem; line-height:1.4rem; overflow:hidden; background:#ff3333; color:#fff; font-size:0.8rem; text-align:center; -moz-border-radius:50%; -webkit-border-radius:50%;  border-radius:50%; }

/* yushou */
.yushou{ top:2.2rem;}
.yushou .ys_list{ padding:0 0.5rem; height:auto; overflow:hidden; margin-top:2.5rem;}
.yushou .ys_list dt{ height:1rem; border-bottom:1px #dddddd solid; text-align:center; margin-bottom:1rem;}
.yushou .ys_list dt p{ display:inline-block; width:60%; height:1rem; overflow:hidden; text-align:center; margin:0 auto; font-size:0.65rem; color:#ccc; background:#efeff4; margin-top:0.4rem; padding:0 0.3rem;}
.yushou .ys_list dt p span{ color:#0abe74; font-size:0.7rem; margin-right:0.3rem;}
.yushou .ys_list dd{width:100%; height:auto; overflow:hidden; margin:0.8rem 0; }
.yushou .ys_list dd img{width:4.5rem; height:4.5rem; border:2px #dddddd solid;}
.yushou .ys_list dd .ys_l{ height:4.5rem; background:#fff; position:relative; text-align:left; margin-left:5rem; padding:0.5rem 0.8rem;}
.yushou .ys_list dd .ys_l i{width:15px; height:15px; overflow:hidden; background:url(../images/arror_left.png) no-repeat; position:absolute; left:-15px; top:40%;}
.yushou .ys_list dd h3{ height:0.8rem; overflow:hidden; font-size:0.65rem; color:#333; font-weight:normal; text-align:left; pad-top:0.5rem;}
.yushou .ys_list dd p{ font-size:0.6rem; color:#ccc; text-align:left;}
.yushou .ys_list dd span{ font-size:0.6rem; color:#ccc; text-align:left;}
.yushou .ys_list dd p em{ color:#ff3333; font-size:0.7rem; margin-right:0.2rem; }
.yushou .ys_list dd p i{ font-size:0.6rem; text-decoration:line-through;}
.yushou .ys_list dd p b{ font-size:0.6rem; font-weight:normal;}
.yushou .ys_list dd a.abtn{ position:absolute; right:0.5rem; bottom:30%;}
.yushou .ys_list dd a.abtn{width:1.4rem; height:1.4rem; line-height:1.4rem; overflow:hidden; background:#ff3333; color:#fff; font-size:0.8rem; text-align:center; -moz-border-radius:50%; -webkit-border-radius:50%;  border-radius:50%; }


/* product */
.product{ width:100%; height:100%; overflow-y:auto; padding-bottom: 4.5rem}
.product .p_pic{width:100%; position:relative;}
.product .p_pic img{width:100%; display:block;}
.product .p_pic div{position:absolute; right:0.8rem; bottom:0.8rem;}
.product .p_pic a{ float:right; display:block; width:1.8rem; height:1.8rem; line-height:1.7rem; overflow:hidden; text-align:center; font-size:0.9rem; color:#fff; background:rgba(0,0,0,0.5); margin-left:0.5rem; }
.product .p_pic a.curr{ background:#ff4f42;}
.product .p_tit{ background:#fff; text-align:left; }
.product .p_tit dt{ height:auto; overflow:hidden; padding:0.4rem 0.5rem; text-align:left; border-bottom:1px #eeeeee solid; position:relative;}
.product .p_tit dt h3{ font-size:0.75rem; color:#333; font-weight:normal;}
.product .p_tit dt p{ font-size:0.6rem; color:#999;}
.product .p_tit dt span{ color:#ff3333; font-size:0.6rem;}
.product .p_tit dt span i{ font-size:1rem;}
.product .p_tit dt em{ color:#ccc; text-decoration:line-through; font-size:0.6rem; margin-left:0.5rem;}
.product .p_tit dt a{ position:absolute; right:0.5rem; bottom:0.9rem; color:#999; font-size:0.7rem;}
.product .p_tit dt a.current{ color:#f60;}
.product .p_tit dd{ height:2.2rem; overflow:hidden; padding:0.3rem 0.4rem;  border-bottom:1px #eeeeee solid; position: relative;}
.product .p_tit dd strong{width:2rem; float:left; display:inline-block; padding:0.1rem 0; background:#29cbb0; text-align:center; font-size:0.65rem; font-weight:normal; color:#fff;margin:0.2rem 0.3rem 0 0;}
.product .p_tit dd p{ font-size:0.65rem; line-height:1.5rem; color:#999;}
.product .p_tit dd p i{ color:#ff3333; font-size:0.7rem;}
.product .p_tit dd span{ float:right; display:inline; font-size:0.6rem; color:#eee; margin-top:0.3rem;}
.product .p_list{ background:#fff; text-align:left; margin-top:0.7rem; border-top:1px #eeeeee solid; }
.product .p_list dt{ height:auto; overflow:hidden; padding:0.5rem; text-align:left; border-bottom:1px #eeeeee solid; position:relative;}
.product .p_list dt h3{ float:left; font-size:0.8rem; color:#f60; font-weight:normal; border-bottom:2px #f60 solid;}
.product .p_list dd{ height:auto; overflow:hidden; padding:0.5rem 0;  border-bottom:1px #eeeeee solid; position: relative;}
.product .p_list dd p{ padding:0.2rem 0.5rem; font-size:0.8rem;}
.product .p_list dd a{ padding:0.2rem 0.6rem; color:#f80; border:1px #f90 solid; font-size:0.7rem; border-radius:0.3rem; float:right; display:inline-block; margin-right:0.5rem; }
.product .p_list1{ background:#fff; text-align:left; margin-top:0.7rem; border-top:1px #eeeeee solid; }
.product .p_list1 li{ height:auto; overflow:hidden; padding:0.5rem;  border-bottom:1px #eeeeee solid; position: relative;}
.product .p_list1 .popup_list1_img{width:5rem; float:left; display:inline; position:relative; margin-right:0.5rem;}
.product .p_list1 .popup_list1_img img{width:5rem; height:3rem; display:block; border-radius:0.3rem;}
.product .p_list1 .popup_list1_img span{ display:block; padding:0 0.3rem; background:#333; color:#fff; font-size:0.7rem; position:absolute; right:0; bottom:0;}
.product .p_list1 .popup_list1_con{ text-align:left;}
.product .p_list1 .popup_list1_con h3{ font-size:0.8rem; color:#333; font-weight:normal;}
.product .p_list1 .popup_list1_con p{ font-size:0.7rem; color:#999;}
.product .p_list2{ background:#fff; text-align:left; margin-top:0.7rem; border-top:1px #eeeeee solid; }
.product .p_list2 li{ height:auto; overflow:hidden; padding:0.5rem;  border-bottom:1px #eeeeee solid; position: relative;}
.product .p_list2 h3{ font-size:0.8rem; color:#333; font-weight:normal;}
.product .p_list2 p{ font-size:0.7rem; color:#454545; line-height:1.5rem; margin-left:1rem;}
.product .p_list2 p em{ margin-right:0.5rem; color:#999; }

.p_detail{ background:#fff; padding:0.4rem;}
.p_detail img{width:100%;}
.product_price{width:100%; height:2.2rem; line-height:2.2rem; overflow:hidden; z-index:1000;}
.product_price p{ float:left; display:inline; padding-left:0.5rem; font-size:0.7rem; color:#999;}
.product_price p em{  color:#ff3333; font-size:0.85rem;}
.product_price p i{ color:#999; font-size:0.8rem; text-decoration:line-through;}
.product_price p span{ margin-left: 10px; color: #999;}
.product_price a.abtn{width:30%; height:2.2rem; line-height:2.2rem; overflow:hidden; text-align:center; float: right; display:inline-block; background:#ff9882; color:#fff; font-size:0.75rem;}
.product_price a.abtn1{width:30%; height:2.2rem; line-height:2.2rem; overflow:hidden; text-align:center; float: right; display:inline-block; background:#ff5352; color:#fff; font-size:0.75rem;  }
.pop_choose{ padding:0.5rem;}
.pop_choose dt{ height:auto; overflow:hidden; text-align:left;}
.pop_choose dt img{width:6rem; height:6rem; float:left; display:inline; margin-right:0.3rem;}
.pop_choose dt h3{ font-size:1rem; color:#ff3333; font-weight:normal;}
.pop_choose dt p{ font-size:0.7rem; color:#999;}
.pop_choose dt span{width:40%; display:block; padding:0 0.2rem; background: #f90; color: #fff; font-size:0.7rem; min-width: 7rem; border-radius: 0.5rem; margin:0.2rem 0 0.2rem 6.3rem; }
.pop_choose dd{ margin-top:0.3rem; height:auto; overflow:hidden; border-bottom:1px #dddddd solid; padding:0.3rem;}
.pop_choose dd h3{ font-weight:normal; font-size:0.7rem; color:#333; margin-bottom:0.3rem; text-align:left;}
.pop_choose dd h4{ text-align:left; font-weight:normal; font-size:0.7rem; line-height:1.3rem;}
.pop_choose dd p{ clear:both; }
.pop_choose dd p a{ float:left; display:inline-block; height:1.3rem; line-height:1.3rem; padding:0 0.5rem; font-size:0.6rem; margin:0 0.5rem 0.4rem 0; background:#eeeeee; color:#666;-moz-border-radius:1rem; -webkit-border-radius:1rem;  border-radius:1rem;}
.pop_choose dd p a.curr{ background:#ff857c; color:#fff;}
.pop_choose .spinner{ float:right; display:inline;}
.pop_btn{width:100%; height:2.3rem; overflow:hidden; bottom:25%;}
.pop_btn p{width:44%; float:left; display:inline;}
.pop_btn a.tab-item{ float:left; display:inline-block; width:20%;}
.pop_btn a.abtn{width:28%; height:2.3rem; line-height:2.3rem; overflow:hidden; text-align:center; float: right; display:inline-block; background:#ff9882; color:#fff; font-size:0.75rem;}
.pop_btn a.abtn1{width:28%; height:2.3rem; line-height:2.3rem; overflow:hidden; text-align:center; float: right; display:inline-block; background:#ff5352; color:#fff; font-size:0.75rem;  }


/* search */
.search{ top:2.2rem;}
.search_history{ padding:1rem;}
.search_history h3{ font-size:14px; border-bottom:1px #dddddd solid;  text-align:left; line-height:3em; margin:0 0px;}
.search_history p{ height:auto; overflow:hidden; clear:both; padding:10px 0px;}
.search_history p a{ float:left; display:inline-block; height:30px; line-height:30px; padding:0 15px; overflow:hidden; color:#666; border:1px #cccccc solid; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px;  border-radius:5px; margin-right:10px; font-size:14px;}
.search_history span{ text-align:center; margin-top:20px;display:inline-block; height:30px; line-height:30px; padding:0 15px; overflow:hidden; color:#666; -moz-border-radius:5px; -webkit-border-radius:5px;  border-radius:5px; margin-right:10px; background:#eeeeee; font-size:14px;}

.search_list{width:100%; height:auto; overflow:hidden; padding:0 0.2rem;}
.search_list li{width:48%; float:left; display:block; background:#fff; border:1px #eeeeee solid; position:relative; height:auto; overflow:hidden; padding:0.3rem 0.5rem; margin:0.3rem 1%; text-align:left; position:relative;}
.search_list img{width:100%;}
.search_list h3{ height:0.8rem; overflow:hidden; font-size:0.65rem; color:#333; font-weight:normal; text-align:left;}
.search_list p{ font-size:0.6rem; color:#ccc; text-align:left;}
.search_list span{ font-size:0.6rem; color:#ccc; text-align:left;}
.search_list p em{ color:#ff3333; font-size:0.7rem; margin-right:0.2rem; }
.search_list p i{ font-size:0.6rem; text-decoration:line-through;}
.search_list a.abtn{ position:absolute; right:0.3rem; bottom:0.3rem;}
.search_list a.abtn{width:1.4rem; height:1.4rem; line-height:1.4rem; overflow:hidden; background:#ff3333; color:#fff; font-size:0.8rem; text-align:center; -moz-border-radius:50%; -webkit-border-radius:50%;  border-radius:50%; }



/* cart */
.cart{ padding-bottom:4.5rem;}
.cart .card1 .card-header{ min-height:2rem; border:0; text-align:left; background:#fff;}
.cart .card1 .card-header label{ margin-top:0; color:#999; font-size:0.75rem;}
.cart .card1 .card-header span{ position:absolute; left:2rem;}
.cart .media-list{text-align:left; height:auto; overflow:hidden; margin:0;}
.cart .media-list li{ display:flex; border-bottom:1px #eeeeee solid; position:relative;}
.cart .media-list li label{ padding:0 0.75rem;}
.cart .media-list .item-media{}
.cart .media-list .item-inner{ border:0; margin-left:0; padding-right:0;margin-right:100px;}
.cart .media-list .item-inner img{width:25%; float:left; display:block; margin:0 0.5rem 0 0; border:1px #eeeeee solid;}
.cart .media-list .item-inner h3{ font-weight:normal; font-size:0.7rem; line-height:0.7rem; color:#666;}
.cart .media-list .item-inner p span{font-size:0.5rem; color:#ccc; margin-left:0.2rem;}
.cart .media-list .item-inner p em{color:#ff3333; font-size:0.7rem;}
.cart .media-list .spinner{ position:absolute; right:0.5rem; top:0.8rem;}
.cart_foot{ height:1.5rem; line-height:1.5rem; bottom:2.5rem; background:#fff; padding:0 0.5rem;}
.cart_foot p{ font-size:0.75rem; color:#999; float:left; display:inline;}
.cart_foot p i{ color:#ff3333; font-size:0.8rem;}
.cart_foot span{ font-size:0.65rem; color:#999; float:right; display:inline;}

.cart_opt{width:100%; height:2.5rem; line-height:2.5rem; overflow:hidden; background:#fff; z-index:1000;}
.cart_opt label{ float:left; display:inline; padding:0 0.5rem; font-size:0.7rem; height:100%; vertical-align:middle;}
.cart_opt label .item-media{ color:#999;}
.cart_opt label .item-media i{ margin-right:0.3rem;}
.cart_opt .cart_btn{ float:right; display:inline;}
.cart_opt a{width:4rem; height:2.5rem; line-height:2.5rem; overflow:hidden; text-align:center; float: right; display:inline-block;color:#fff; font-size:0.75rem;}
.cart_opt a.abtn{ background:#ff9882; }
.cart_opt a.abtn1{ background:#ff5352;}
.cart_opt a.abtn2{background:#0abe74;}


/* submit */
.submit{ height:100%; padding-bottom:7.5rem;}
.submit_tips{width:100%; height:1.2rem; line-height:1.2rem; overflow:hidden;}
.submit_tips a{width:100%; height:1.2rem; overflow:hidden; display:block; background:#ff3333; color:#fff; font-size:0.7rem;}
.myadress {width:100%; height:auto; overflow:hidden; background:#fff url(../images/add_line.gif) repeat-x bottom center; background-size:20%;}
.myadress dd{ width:100%; height:auto; overflow:hidden; display:block; font-size:0.7rem; color:#666; text-align:left; padding:0.5rem 0.5rem; position:relative;}
.myadress dd.current{ border:1px #f90 solid; background:#ffffff url(../images/right-icon.png) no-repeat right top;}
.myadress dd p{width:100%; height:auto; overflow:hidden; line-height:1.2rem; }
.myadress dd i{margin-right:0.3rem; color:#ff3333; font-weight:bold; }
.myadress dd span{ float:right; dislay:inline; margin-right:0.3rem; font-size:0.7rem; color:#ccc;}
.myadress dd span.current{color:#6ABBE3;}
.myadress dd strong{ float:left; display:inline; font-weight:normal; color:#ccc; font-size:0.6rem; }
.myadress dd em{ font-size:0.65rem; margin:0 0.7rem 0 0.3rem; color:#666; }
.myadress dd a.abtn{ padding:0.1rem 0.4rem; overflow:hidden; display:block; background:#fff; font-size:0.65rem; position:absolute; right:0.2rem; top:0.4rem; border: 1px #0abe74 solid; color:#0abe74;}

.submit_list{}
.submit_list li{ height:auto; overflow:hidden; text-align:left; position:relative; background:#fff; margin:0.05rem 0; padding:0.5rem 0.5rem;}
.submit_list li img{width:3rem; height:2.3rem; float:left; display:inline; margin-right:0.5rem; border-radius:0.3rem;}
.submit_list li h3{ font-size:0.7rem; font-weight:normal; color:#666; line-height:1rem;}
.submit_list li p{ font-size:0.6rem; color:#999; }
.submit_list li i{ font-size:0.6rem; color:#ff3333;}
.submit_list li p i{ color:#999;}
.submit_list li p em{ color:#ff3333;}
.submit_list li a.abtn{ position:absolute; right:0.3rem; top:0.1rem; display:block; padding:0.1rem 0.4rem; background:#fff; border:1px #eeeeee solid; color:#cccccc; font-size:0.65rem;}
.submit_list li .spinner{ position:absolute; right:0rem; bottom:0rem;}
.submit .price0{ line-height:1.2rem; overflow:hidden; text-align:left; padding:0.5rem; background:#fff;}
.submit .price0 dt{ height:auto; overflow:hidden; line-height:1.2rem; color:#ff3333; font-size:0.7rem;}
.submit .price0 dt i{ color:#0abe74;}
.submit .price0 dd{ height:auto; overflow:hidden; position:relative; border-top:1px #eeeeee solid; padding:0.2rem 0; margin-top:0.3rem;}
.submit .price0 p{ font-size:0.6rem; color:#999;}
.submit .price0 p em{ font-size:0.7rem; color:#ff3333;}
.submit .price0 p span{ font-size:0.7rem; color:#999;}
.submit .price0 dd strong{ position:absolute; right:0.3rem; top:0.3rem; font-size:0.6rem; color:#999; font-weight:normal;}
.submit .price0 dd strong i{ font-size:0.7rem; color:#0abe74; margin-left:0.3rem;}
.submit .price0 dd strong em{ font-size:0.8rem; color:#ff3333; margin-left:0.3rem;}
.submit .price0 dd .editbox{width:80%; background:#f9f9f9; border:0; height:1.5rem; line-height:1.5rem; font-size:0.65rem; color:#999; margin-top:0.2rem;}
.submit .price0 dd a.tel{ text-align:center; color:#0abe74; font-size:0.75rem; }

.submit_quan{width:100%; height: 2.5rem; overflow:hidden; text-align:left; background:#fff; border-top:1px #eeeeee solid ; position: fixed; bottom: 2.5rem; padding:0.3rem 0.5rem; z-index: 100;}
.submit_quan label{color: #666; font-size: 0.7rem;}
.submit_quan .editbox{width:55%; background:#fff; border:1px #dddddd solid; height:1.5rem; line-height:1.5rem; font-size:0.65rem; color:#666; text-indent: 0.1rem; margin-top:0.2rem;}
.submit_quan  input.button{width:20%; margin-top: 0.2rem;}

.foottips{width:100%; height:35px; line-height:35px; background:#f3faf8; position:fixed; bottom:50px; z-index:100; }
.foottips a{ display:block; width:100%; height:35px; line-height:35px; overflow:hidden; color:#0ac8b4; font-size:14px; text-align:center;}
.footcart{width:100%; height:2.5rem; overflow:hidden; }
.footcart p{ float:left; display:inline; margin-left:0.5rem; color:#666; line-height:2.5rem;}
.footcart strong{ font-size:0.7rem; margin-right:0.3rem; color:#666; }
.footcart span{ font-size:0.7rem; color:#666; margin-right:0.3rem; color:#666; }
.footcart i{ color:#ff3333; font-size:0.8rem;}
.footcart a.abtn{ display:block; overflow:hidden; background:#ff3333; color:#fff; font-size:0.8rem; padding:0.4rem 1rem; float:right; display:inline; margin:0.3rem 0.3rem 0 0;}


/* member_validation */
.member_validation{ height:auto; overflow:hidden; background:#fff;}
.member_validation .list-block{ padding:0rem 1rem;}
.member_validation li{ text-align:left; position:relative; border-bottom:1px #eeeeee solid; margin-bottom:0.5rem;}
.member_validation li .editbox{ height:2rem; line-height:2rem; border:0; }
.member_validation li a{ margin-top:0.2rem;}


/* activity */
.activity{}
.mainad1{width:100%; height:auto; overflow:hidden;}
.mainad1 img{width:100%;}
.cuxiao1{width:100%; height:auto; overflow:hidden;}
.cuxiao1 a{width:31%; float:left; display:block; height:auto; overflow:hidden; text-align:center; margin:1% 1%;}
.cuxiao1 a img{width:100%;}

/* activity */
.seckill{top:2.2rem;}
.seckill .sk_list{ padding:0 0.5rem; height:auto; overflow:hidden;}
.seckill .sk_list dt{ height:1rem; border-bottom:1px #dddddd solid; text-align:center; margin-bottom:1rem;}
.seckill .sk_list dt p{ display:inline-block; width:60%; height:1rem; overflow:hidden; text-align:center; margin:0 auto; font-size:0.65rem; color:#ccc; background:#efeff4; margin-top:0.4rem; padding:0 0.3rem;}
.seckill .sk_list dt p span{ color:#0abe74; font-size:0.7rem; margin-right:0.3rem;}
.seckill .sk_list dd{width:100%; height:auto; overflow:hidden; margin:0.8rem 0; }
.seckill .sk_list dd img{width:4.5rem; height:4.5rem; border:2px #dddddd solid;}
.seckill .sk_list dd .ys_l{ height:4.5rem; background:#fff; position:relative; text-align:left; margin-left:5rem; padding:0.5rem 0.8rem;}
.seckill .sk_list dd .ys_l i{width:15px; height:15px; overflow:hidden; background:url(../images/arror_left.png) no-repeat; position:absolute; left:-15px; top:40%;}
.seckill .sk_list dd h3{ height:0.8rem; overflow:hidden; font-size:0.65rem; color:#333; font-weight:normal; text-align:left; pad-top:0.5rem;}
.seckill .sk_list dd p{ font-size:0.6rem; color:#ccc; text-align:left;}
.seckill .sk_list dd span{ font-size:0.6rem; color:#ccc; text-align:left;}
.seckill .sk_list dd p em{ color:#ff3333; font-size:0.7rem; margin-right:0.2rem; }
.seckill .sk_list dd p i{ font-size:0.6rem; text-decoration:line-through;}
.seckill .sk_list dd p b{ font-size:0.6rem; font-weight:normal;}
.seckill .sk_list dd a.abtn{ position:absolute; right:0.5rem; bottom:30%;}
.seckill .sk_list dd a.abtn{width:1.4rem; height:1.4rem; line-height:1.4rem; overflow:hidden; background:#ff3333; color:#fff; font-size:0.8rem; text-align:center; -moz-border-radius:50%; -webkit-border-radius:50%;  border-radius:50%; }

/* login/reg */
.login_txt{ line-height:2rem; font-size:0.6rem; color:#666;}
.login_txt a{ }
.main-protocol{
    position: absolute;
    bottom: 1rem;
    left: 0;
    width: 100%;
    font-size:0.65rem;
    text-align: center;
}
.popup_agreement{ background:#fff; height:100%; overflow-y:auto; padding:0.5rem 1rem; text-align:left; line-height:1.2rem; font-size:0.65rem;}
.popup_agreement h1{ text-align:center; font-size:1rem; line-height:2.5rem; border-bottom:1px #eeeeee solid;}

/* member_order */
.member_order{}
.member_order .buttons-tab{}
.member_order .content-block{ padding:0; margin:0;}
.member_order .tab{}
.member_order .card{d-header img{width:1rem; float:left; display:inline; margin:0.1rem 0.3rem 0 0;}
.member_order .card-header h3{ font-size:0.8rem;}
.member_order .card-header span{ font-size:0.7rem; color:#999;}
.member_order .order_list{ height:auto; overflow:hidden;}
.member_order .order_list li{ line-height:1.5rem; font-size:0.7rem; text-align:left;}
.member_order .order_list li strong{ font-weight:normal; color:#999; }
.member_order .order_list li.pull-left{width:60%;}box-shadow:none; border-radius:0.3rem;}
.member_order .car
.member_order .order_list li.pull-right{width:40%;}


/* user_index */
.user_index{ height:100%; padding-bottom:2.5rem;}
.user_index .user_tit{width:100%;height:6rem; overflow:hidden; display:block; background:#0abe74; background-size: cover; position:relative;}
.user_index .user_tit .tit{ width:100%; text-align:left; margin-top:1.3rem;}
.user_index .user_tit .ew{ position:absolute; right:0.5rem; bottom:0.5rem; }
.user_index .user_tit .ew a{font-size:0.8rem; color:#fff;}
.user_index .user_tit .kh{ position:absolute; right:0.5rem; top:0.5rem; color:#fff; font-size:0.7rem;}
.user_index .user_tit .tit img{width:3.5rem; height:3.5rem; float:left; display:block; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:20px auto 0 auto; border:2px #ffffff solid; margin:0 0.5rem 0 0.5rem;}
.user_index .user_tit .tit h3{font-size:0.8rem; color:#fff; padding-top:0.6rem; font-weight:normal;}
.user_index .user_tit .tit h3 a{ font-size:0.7rem; margin-left:10px; color:#fff;}
.user_index .user_tit .tit p{color:#fff; font-size:0.8rem;}
.user_index .orderbtn{width:100%; height:auto; overflow:hidden; background:#fff;}
.user_index .orderbtn .card-header h3{ font-size:0.8rem; color:#333;}
.user_index .orderbtn .card-header a{ font-size:0.65rem; color:#ccc;}
.user_index .orderbtn ul{ padding:0.5rem;}
.user_index .orderbtn li{width:25%; height:auto; overflow:hidden; float:left; display:inline;}
.user_index .orderbtn li a{width:100%; height:auto; overflow:hidden; display:inline-block; position:relative;}
.user_index .orderbtn li a em{height:0.8rem; line-height:0.8rem; font-size:0.5rem; color:#fff; background:#ff3333; padding:0 0.25rem; position:absolute; right:0.5rem; top:0; border-radius:0.5rem;}
.user_index .orderbtn li a span{ font-size:1.5rem; color:#999;margin:0; padding:0;}
.user_index .orderbtn li a p{ font-size:0.7rem; color:#666; margin:0; padding:0;}

.user_index .list-block{ margin:0 auto;}
.user_index .list-block ul{ margin:0.8rem 0;}
.user_index .list-block a span{ color:#333;}
.user_index .list-block ul li{}
.user_index .list-block .item-title{}
.user_index .list-block .item-title span{ font-size:0.7rem; margin-right:0.5rem; color:#333;}
.user_index .list-block .item-after{ color:#dddddd; font-size:0.7rem;}
.user_index .list-block .item-after em{color:#ff3333; font-size:0.65rem; margin-right:0.3rem;}
.user_index .list-block .item-after em.gray{ color:#ccc; font-size:0.65rem;}
.user_index .list-block .item-after em.icon-code{ font-size:0.8rem;}
.user_index .list-block .item-after em input{ float:right; display:inline; text-align:right; height:1rem; line-height:1rem; font-size:0.65rem;}
.list-block .item-inner:after{ height:0;}

.user_index .user_box{ padding:1.5rem 1rem; background:#fff;}
.user_index input.editbox{width:100%; height:2rem; line-height:2rem; border:0; border-bottom:1px #0abe74 solid; font-size:0.8rem; color:#333;}
.user_index .user_box .button{ margin-top:1.5rem;}

.user_index .item-title{ font-size:0.7rem; color:#999;}

.user_index .ewm{width:100%; height:auto; overflow:hidden; text-align:center;}
.user_index .ewm img{width:60%; display:block; margin:0 auto;}

/* user_card */
.user_index .mycard{ background:#fff; height:auto; overflow:hidden; padding:0.5rem;}
.user_index .mycard li{width:29%; height:3rem; overflow:hidden; float:left; display:inline-block;text-align:center; position:relative; margin:0.3rem 2%;}
.user_index .mycard li a{width:93%; height:2.7rem; line-height:2.7rem; overflow:hidden; vertical-align:middle; display:block; color:#fff; font-size:0.7rem; margin-top:0.3rem; }
.user_index .mycard a.bg1{ background:#ff9189;}
.user_index .mycard a.bg2{background:#34cc99;}
.user_index .mycard a.bg3{background:#fab64b;}
.user_index .mycard li em{height:0.8rem; line-height:0.8rem; font-size:0.5rem; color:#fff; background:#ff3333; padding:0 0.25rem; position:absolute; right:0; top:0; border-radius:0.5rem;}
.user_index .card_list1{ background:#fff; height:auto; overflow:hidden; padding:0.3rem 0;}
.user_index .card_list1 dt{ text-align:left; padding:0.3rem 0.5rem;}
.user_index .card_list1 dt h3{ font-size:0.8rem; font-weight: normal; color:#333;}
.user_index .card_list1 dd{width:100%; height:auto; overflow:hidden; padding:0.3rem 0.5rem; border-top:1px #eeeeee solid;}
.user_index .card_list1 dd span{ font-size:0.65rem; color:#666;}
.user_index .card_list1 dd span.a1{width:40%; float:left; display:inline; text-align:left;}
.user_index .card_list1 dd span.a2{width:25%; float:right; display:inline; font-size:0.6rem; color:#ccc;}
.user_index .card_list1 dd span.a3{width:35%; float:right; display:inline; color:#999; text-align:right;}

.user_index .myquan{ background:#fff; height:auto; overflow:hidden; padding:0.5rem;}
.user_index .myquan li{width:29%; height:3rem; overflow:hidden; float:left; display:inline-block;text-align:center; position:relative; margin:0.3rem 2%;}
.user_index .myquan li a{width:100%; height:2.7rem;  overflow:hidden; vertical-align:middle; display:block; color:#fff; font-size:0.7rem; margin-top:0.3rem; }
.user_index .myquan a.bg1{ border:1px #ff9189 solid;}
.user_index .myquan a.bg2{border:1px #34cc99 solid;}
.user_index .myquan a.bg3{border:1px #fab64b solid;}
.user_index .myquan li span{ display:inline-block; color:#999; font-size:0.65rem; margin-top:0.2rem;}
.user_index .myquan li p{ font-size:0.8rem;}
.user_index .myquan a.bg1 p{ color:#ff9189;}
.user_index .myquan a.bg2 p{ color:#34cc99;}
.user_index .myquan a.bg3 p{ color:#fab64b;}

.user_card{}
/*.user_card li.card{background: #fff8e4;}*/
.user_card .card-header {border-bottom:0px #dddddd solid; text-align: left;}
.user_card .card-header h3{ font-size:0.7rem; color:#333;}
.user_card .card-header p{ font-size:0.65rem; color:#666;}
.user_card .card-header em{ color:#ff3333; font-size:0.75rem; font-weight: bold; }
.user_card .card-content {}
.user_card .card-content dd{width:100%; height: auto; overflow: hidden; text-align: left; line-height:1.3rem; font-size: 0.7rem; color: #333;}
.user_card .card-content dd span{ color: #999;}
.user_card .card-content dd i{color: #f60;}
.user_card .card-footer .pull-left{ font-size:0.7rem;}
.user_card .card-footer .pull-left p{ color:#999;}
.user_card .card-footer .pull-left p i{ color:#ff3333;}
.user_card .card-footer .pull-right a{ margin-left:0.5rem}


/* user_order */
.myorder{padding-bottom: 3rem;}
.myorder .card-header li{height: auto; overflow: hidden; text-align:left; line-height:1.2rem;}
.myorder .card-header li span{ float:left; display:inline; font-size:0.65rem; color:#999;}
.myorder .card-header li p{display:block; height: 1.2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:0.65rem; color:#666;}
.myorder .card-header li i{ color:#0abe74;}
.myorder .card-header li em{ color:#ff3333;}
.myorder .card-header .pull-right{width: 6.5rem;}
.myorder .card-content ul{ background:#f9f9f8;}
.myorder .card-content li{width:100%; text-align:left; height:auto; overflow:hidden; border-top:1px #eeeeee solid; padding:0.3rem 0.75rem; position:relative;}
.myorder .card-content li img{width:2.5rem; float:left; display:block; margin-right:0.5rem; border:1px #eeeeee solid;}
.myorder .card-content li h3{ font-size:0.7rem; color:#333; font-weight:normal;}
.myorder .card-content li p{ font-size:0.6rem; color:#666;}
.myorder .card-content li p span{ color:#999; margin-right:0.5rem;}
.myorder .card-content li p em{ color:#ff3333;}
.myorder .card-content li a.button{margin-top: 5%;}
.myorder .card-content li strong{ font-size:0.6rem; font-weight:normal; position:absolute; right:0.3rem; bottom:0.4rem; color:#ccc;}
.myorder .card-footer .pull-left{ font-size:0.7rem;}
.myorder .card-footer .pull-left p{ color:#999;}
.myorder .card-footer .pull-left p i{ color:#ff3333;}
.myorder .card-footer .pull-right a{ margin-left:0.5rem}

/* user_address */
.user_address{ padding-bottom:3rem;}
.user_address .add_tips{ background:#fff; padding:1rem 0.5rem; text-align:left; height:auto; overflow:hidden;}
.user_address .add_tips span{ font-size:0.75rem; color:#999;}
.user_address .add_tips a{}
.user_address dd{ width:100%; height:auto; overflow:hidden; display:block; background:#fff;  font-size:0.7rem; color:#999; text-align:left; padding:0.5rem;}
.user_address dd{ margin-bottom:0.5rem;}
.user_address dd.current{ background:#ffffff url(../images/right-icon.png) no-repeat right top;}
.user_address dd p{width:100%; height:auto; overflow:hidden; line-height:1.2rem; }
.user_address dd i{margin-right:0.3rem; color:#ff3333; font-weight:bold; }
.user_address dd span{ float:right; dislay:inline; margin-right:0.3rem; font-size:0.7rem; color:#ccc;}
.user_address dd span.current{color:#6ABBE3;}
.user_address dd strong{ float:left; display:inline; font-weight:normal; color:#ccc; font-size:0.6rem; }
.user_address dd em{ font-size:0.65rem; margin:0 0.7rem 0 0.3rem; color:#666; }
.user_address dd a{ padding:0 0.3rem; overflow: hidden; display: inline-block; margin-left:0.3rem; float: right; font-size:0.6rem;}
.user_address dd a.abtn{ border:1px #ff3333 solid; color:#ff3333;}
.user_address dd a.abtn1{ border: 1px #00c0ea solid; color:#00c0ea;}
.user_address dd a.abtn2{ border: 1px #dddddd solid; color:#cccccc;}

.address_modify{}
.address_modify li{ text-align:left; font-size:0.65rem;}
.address_modify li a.button{width:40%; margin-top:0.3rem;}
.address_modify .list-block{ margin:0; padding:0;}
.address_modify .content-block{ padding:0.5rem;}
.address_modify .input_tips{ height:12rem; overflow-y:auto;}

.nomore_tips{ padding:0.5rem; height:auto; overflow:hidden;}
.nomore_tips p{ text-align:center; display:inline-block;  padding:0.2rem 1.5rem;  overflow:hidden; color:#999; border-radius:1rem;  background:#fff; font-size:0.8rem; }

.btn_favorite .active{color:#ff3333;}


.login{ }
.login .toptel{width:100%; height:2rem; line-height:1.8rem; text-align: center; font-size:0.8rem; background: #f4faf8;}
.login .toptel i{ font-size:1rem; margin-right:0.3rem;}
.login .toptel a{ color:#0abe74;}

.login h3{ margin-top:20%;  font-size:1rem; color: #f4faf8; text-align: center; font-weight: normal; text-align: left; padding: 0 1.5rem;}
.login ul{padding: 0 1.5rem; margin-top:1rem;}
.login li{ padding:0.5rem 0; line-height:2rem; text-align: left; font-size:0.7rem; color: #999;}
.login li .checkbox{ display: inline-block; vertical-align: middle;}
.login li span{width:4rem; float:left; display: inline;}
.login li em{ float: right; display: inline; color: #f4faf8;}
.login li a{ font-size:0.7rem; color: #f4faf8;}
.login .editbox{width:100%; height:1.8rem; line-height:1.8rem; overflow:hidden; text-indent:0.5rem; border:0px #1b9e7a solid; color:#666; background:#fff; font-size:0.7rem;}
.login p{ color: #f4faf8; font-size:0.7rem; padding:3rem 1.5rem;}
.login p a{ color: #f4faf8; border:0px #fff solid;}
.login p a.button-cyan{ background: #008B51;}

.reg{ height:100%;}
.reg .toptel{width:100%; height:2rem; line-height:1.8rem; text-align: center; font-size:0.8rem; background: #f4faf8;}
.reg .toptel i{ font-size:1rem; margin-right:0.3rem;}
.reg .toptel a{ color: #0abe74;}
.reg h3{ margin-top: 5%;  font-size:0.9rem; color: #f4faf8; text-align: center; font-weight: normal; text-align: left; padding: 0 1.5rem;}
.reg ul{padding: 0 1.5rem; margin-top: 0.5rem;}
.reg li{width:100%; padding:5px 0; text-align:center; height:auto; line-height: 40px; overflow:hidden; font-size: 14px; color: #f4faf8; text-align: left;}
.reg li .checkbox{ display: inline-block; vertical-align: middle;}
.reg li a{ font-size:0.7rem; color: #666;}
.reg .editbox{width:100%; height:1.8rem; line-height:1.8rem; overflow:hidden; text-indent:0.5rem; border:0px #dddddd solid; color:#666; background:#fff; font-size:0.7rem;}
.reg .abtn{width:48%; height:1.8rem; line-height:1.8rem; font-size:0.7rem; text-align: center; background:#fff; border: 0px #f90 solid; color: #0abe74; float: right; display:inline;}
.reg p{ color: #f4faf8; font-size: 14px; padding:1rem 1.5rem;}
.reg p a{ color: #f4faf8; border:0px #fff solid;}
.reg p a.button-cyan{ background: #008B51;}

.pop_reg h3{ margin-top: 5%;  font-size:0.9rem; color: #0abe74; text-align: center; font-weight: normal; text-align: left; padding: 0 1.5rem;}
.pop_reg ul{padding: 0 1.5rem; margin-top: 0.5rem;}
.pop_reg li{width:100%; padding:5px 0; text-align:center; height:auto; line-height: 40px; overflow:hidden; font-size: 14px; color: #0abe74; text-align: left;}
.pop_reg li .checkbox{ display: inline-block; vertical-align: middle;}
.pop_reg li a{ font-size:0.7rem; color: #666;}
.pop_reg .editbox{width:100%; height:1.8rem; line-height:1.8rem; overflow:hidden; border: 0; border-bottom:1px #dddddd solid; color:#666; background:#fff; font-size:0.7rem;}
.pop_reg .button{ margin-top: 1rem;}
.popup-regist{top:30%;}


/* offer_list 报价 */

.offer_list{ height:100%; padding:0 0 3rem 0rem;}
.offer_list dt{width:100%; height:1.5rem; line-height:1.3rem; overflow:hidden; background:#f3f3f3;-moz-border-radius:1rem; -webkit-border-radius:1rem;  border-radius:1rem; text-align:left; text-indent:1rem; margin-top:0.5rem;}
.offer_list dt strong{ font-size:0.7rem; color:#666; font-weight:normal;}
.offer_list dt i{ font-size:0.6rem; color:#ccc; margin:0 0.3rem;}
.offer_list dt span{ font-size:0.6rem; color:#999;}
.offer_list dt.curr strong{ color:#0abe74;}
.offer_list dd{width:50%; height:auto; overflow:hidden; float:left; display: inline; padding:0.5rem; border-bottom:1px #eeeeee solid; border-right:1px #eeeeee solid;  position:relative;}
.offer_list dd img{width:100%; display:block;}
.offer_list dd .tit{height:auto; overflow:hidden; text-align:left; padding:0 0.3rem; }
.offer_list dd .tit h3{width:100%; height:1rem; overflow:hidden; font-size:0.7rem; color:#333; font-weight:normal; white-space:normal; text-overflow:ellipsis; margin: 0.2rem 0; text-align: center;}
.offer_list dd a.abtn{width:80%; display: block; line-height: 1.3rem; background:#ff3333; color:#fff; font-size:0.7rem; text-align: center; border-radius:1rem; margin: 0 auto; }


.submit_offer{}
.submit_offer li{ text-align:left; font-size:0.65rem;}
.submit_offer li a.button{width:40%; margin-top:0.3rem;}
.submit_offer .list-block{ margin:0; padding:0;}
.submit_offer .content-block{ padding:0.5rem;}
.submit_offer .input_tips{ height:12rem; overflow-y:auto;}
.submit_offer .preview_pic{padding:1rem 0.5rem;}
.submit_offer .preview_pic img{width:22%; float: left; display: block; margin: 0 1.5%; border: 1px #eeeeee solid;}

/* 充值 */
.recharge{}
.recharge .content-block{ padding:0 1.5rem;}
.recharge h3{font-size: 0.9rem; font-weight: normal; text-align: center; color: #333;}
.recharge .paybox{ background: #fff; border: 1px #bbbbbb solid; padding:0.6rem 1rem 1rem 1rem; font-size: 0.7rem; text-align: left; margin-top:0.5rem;}
.recharge .paybox p{color: #999; font-size: 0.75rem; margin-bottom:0.2rem;}
.recharge .paybox label{font-size: 1.2rem; color: #333;}
.recharge .paybox label input{width:60%; border: 0; font-size: 1.1rem; color: #333;}
.recharge .paybox label input::placeholder{font-size: 1.1rem;}
.recharge .button.button-fill.button-big{width: 100%; margin-top: 2rem; height: 2rem; line-height: 2rem;}
.recharge .button.button-fill.button-dark{}

.complaint_list{ background: #fff;}
.complaint_list li{height:auto; overflow: hidden; padding:0.5rem 0.75rem; text-align:left; border-bottom: 1px #eeeeee solid;}
.complaint_list li img{width:30%; float:left; margin-right: 0.5rem;}
.complaint_list li h3{font-size: 0.75rem;font-weight:normal;}
.complaint_list li p{font-size: 0.65rem;color: #999}
.complaint_list li a.button{margin-top:8%}

.complaint{ background: #fff;}
.complaint_form{margin: 0.5rem 0.75rem;}
.complaint_form h3{ font-size:0.75rem; font-weight: normal; text-align:left;}
.complaint_form ul{width:100%; margin:0.5rem 0;}
.complaint_pic li.addbtn{width: 100%;border:1px #dddddd dashed; text-align: center; background-color: #fff;}
.complaint_pic li.addbtn img{width:100%}
.complaint_pic li p{padding: 0.5rem 0; font-size: 0.75rem;}
.complaint_form .areabox{width:100%; height:3rem; border:1px #dddddd solid; margin: 0.5rem 0; font-size: 0.7rem;}


.withdrawal{}
.withdrawal ul{background: #fff; padding: 0.5rem 0.75rem; text-align: right;}
.withdrawal ul li{height:auto; overflow:hidden; line-height:2rem; border-bottom: 1px #eeeeee solid; font-size:0.7rem; color: #666; }
.withdrawal ul li strong{width:5rem; float: left; display: block; font-weight:normal; text-align: left;}
.withdrawal ul li a{margin-right: 0.3rem;}
.withdrawal ul li .button{width:5rem; display: inline-block;}

.frozenBillList{ background: #fff}
.frozenBillList li{height:auto; overflow: hidden; padding:0.5rem 0.75rem; text-align:left; border-bottom: 1px #eeeeee solid;}
.frozenBillList li .list_t{width:100%; height: auto; overflow:hidden; font-size:0.75rem; margin-bottom: 0.3rem;}
.frozenBillList li .list_l{width:30%; float:left; margin-right: 0.5rem; }
.frozenBillList li .list_r{height:auto; overflow: hidden;}
.frozenBillList li img{width:100%; display:inline-block;vertical-align: middle}
.frozenBillList li .list_r h3{font-size: 0.75rem;font-weight:normal;}
.frozenBillList li .list_r p{ font-size: 0.65rem;color: #999}
.frozenBillList li .list_r em{color: #f60;}
